﻿/*
// --------------------------------------------------------------------------------------------------------------------
// <copyright file="overlay.css" company="Microsoft">
//   Copyright Microsoft Corporation, all rights reserved
// </copyright>
// <summary>
//   Styling used with the overlay/dismiss behavior
// </summary>
// --------------------------------------------------------------------------------------------------------------------
*/

.overlay
{
    display:none;
    height:100%;
    left:0;
    position: absolute;
    top:0;
    width:100%;
    z-index: 99;
}

.overlay .transparency
{
    background: rgba(0,0,0,.3);
    left:0;
    height:100%;
    position: absolute;
    top:0;
    width:100%;
}

.overlay .contents
{
    background-color:#fff;
    left:0;
    position: absolute;
    width: 100%;
}


/* Turn off touch feedback when the modal dialog treatment is 
being used and prevent all feedback below the dialog. */
body.active * 
{
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-focus-ring-color: rgba(255,255,255,0);
}

/* Needed to turn back on touch feedback inside the dialog */
body.active .overlay *
{
    -webkit-tap-highlight-color: rgba(0,0,0,.25);
    -webkit-focus-ring-color: rgba(0,0,0,.25);
}